// 连接修复工具

(function() {
    // 检查是否使用file://协议打开
    const isFileProtocol = window.location.protocol === 'file:';
    
    if (isFileProtocol) {
        console.log('检测到使用file://协议打开页面，应用CORS修复方案');
        
        // 显示警告
        const warningDiv = document.createElement('div');
        warningDiv.className = 'p-4 mb-4 bg-yellow-100 border border-yellow-200 text-yellow-800 rounded';
        warningDiv.innerHTML = `
            <h3 class="font-bold">浏览器安全限制提示</h3>
            <p class="mt-2">由于浏览器的安全限制，使用 file:// 协议打开的页面无法正常连接到后端服务。</p>
            <p class="mt-2">推荐解决方案:</p>
            <ol class="list-decimal ml-5 mt-2">
                <li>使用Python自带的HTTP服务器打开此页面 (推荐)</li>
                <li>使用配置了CORS的Web服务器</li>
                <li>禁用浏览器安全限制（不推荐）</li>
            </ol>
            <div class="mt-4 text-sm">
                <p>通过以下命令在项目根目录启动简易HTTP服务器：</p>
                <pre class="bg-gray-800 text-white p-2 rounded mt-2">python -m http.server</pre>
                <p class="mt-2">然后访问: <a href="http://localhost:8000/demo/web/simple_demo.html" target="_blank" class="text-blue-600 underline">http://localhost:8000/demo/web/simple_demo.html</a></p>
            </div>
            <button id="cors-fix-dismiss" class="mt-4 px-4 py-2 bg-yellow-500 text-white rounded hover:bg-yellow-600">
                我了解了
            </button>
        `;
        
        // 插入到页面顶部
        document.body.insertBefore(warningDiv, document.body.firstChild);
        
        // 关闭按钮功能
        document.getElementById('cors-fix-dismiss').addEventListener('click', function() {
            warningDiv.remove();
        });
    }
})();